@charset "gb2312";
/* CSS Document */

#navMenu {
	margin:0; 
	padding:0;
	list-style:none;	
	font-family:arial;
	text-align:center;
	line-height:70px;
}

	#navMenu li {
	float:left;
	background:url(images/but_blue.png) no-repeat center center;	/* default background image	*/
	width:137px;							/* width and height of the menu item */
	height:77px;
	margin-right:29px;
	position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
	}
		#navMenu li.last {
	float:left;
	background:url(images/but_blue.png) no-repeat center center;	/* default background image	*/
	width:137px;							/* width and height of the menu item */
	height:77px;
	position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
	margin: 0;
	}

	#navMenu li a {
	z-index:20;		/* z-index must be higher than .hover class */
	display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
	height:77px;
	position:relative;
	color:#FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: -1px;
	}

 	#navMenu li .hover {
		background:url(images/but_hover.png) no-repeat center center;		/* mouseover image	*/
		position:absolute;	/* must be postion absolute 	*/
		width:137px;	/*	width, height, left and top to fill the whole LI item	*/
		height:77px;
		left:0; 
		top:0;	
		z-index:0;		/* display under the Anchor tag	*/
		display:none;	/* hide it by default	*/
	}	

	#navMenu li.selected {
		background:url(images/but_blue.png) no-repeat center center;	/* selected image	*/
	}
